

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
    background: url('../img/food.png');
    
    font-size: 10px;
}

.carousel{        
    position: relative;
    top: -49px;
    border: 0px solid black;
}

.carousel-inner{
    max-height: 500px;
}
.item{
        background-size: cover;
        
}

.item img{
    margin: 0 auto;
}

.navbar{
    position: relative;
    top: -60px;
    
    font-size: 1.2em;
    z-index: 10;
}

.navbar-collapse{
    padding-left: 100px;
}
.nav{float: right;}


.info{
    z-index: 3;
    font-size: 1.5em;
    padding: 0.5em 3em;
}

footer p{
    text-align: center;
}

@media (max-width: 767px) { 
    .nav{float: left; width: 100%;}
    
    .navbar-collapse{
        padding-left: 30px;
    }
    body{font-size: 1.1em;}
    
}

@media (min-width: 767px) { 
    .nav{float: left;}
    
    .carousel-inner{
        max-height: 700px;
    }
    
    body{font-size: 1.2em;}
}

@media (min-width: 1200px) {
    .carousel-inner{
        max-height: 500px;
    }
    
    body{font-size: 1.3em;}
}

@media (min-width: 1367px) {
    .carousel-inner{
        max-height: 700px !important;
    }
    body{font-size: 1.5em;}
}




